<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
    <link rel="stylesheet" type="text/css" href="SignUp.css">
    <script type="text/javascript" src="SignUp.js"></script>
</head>
<body class="wall-body">
    <div class="topLine">
        <p>黑眼圈</p>
        <img src="../icons/logo.png">
        <p>小说网</p>
    </div>
    <div class="wall-warp">
<!--        <li class="title">豆瓣小说</li>-->
        <div class="wall-main">
            <div class="switch-nav-wrap">
                <span class="title" >登&nbsp&nbsp&nbsp&nbsp录</span>
            </div>
            <form method="post" id="f_sign_up">
                <ul class="wall-form-ipt-list phoneMember-list active">
<!--                    用户名-->
                    <li>
                        <img src="../icons/username.png">
                        <input type="text" placeholder="请输入登录账号" value="" name="username" id="IUsername" onchange="getUsername(this)">
                        <p style="display: none;" id="usernameNotExist">账号不存在，请重新输入</p>
                        <p style="display: none;" id="usernameIsIncorrect">账号输入不正确，请重新输入</p>
                        <em class="Partitionline-em"></em>
                    </li>
<!--                    密码-->
                    <li>
                        <img src="../icons/password.png">
                        <input type="password" placeholder="请输入密码" value="" name="password" id="IPassword" onchange="getPassword(this)">
                        <em class="Partitionline-em"></em>
                        <p style="display: none;" id="passwordIsNotRight">密码不正确，请重新输入</p>
                    </li>
                    <li>
                        <img src="../icons/verification.png">
                        <input type="text" placeholder="1+2×2=" value="" name="answer" id="IAnswer" onchange="getVerification(this)">
                        <p style="display: none;" id="verificationFail">验证失败，请重新验证</p>
                        <em class="Partitionline-em"></em>
                    </li>
<!--                    <li id="password"><span style="display: none;">大写键已打开，请注意大小写</span></li>-->
                </ul>
                <div class="register"><a href="../register/register.html">注册账号</a></div>
                <span class="wall-sub-btn" onclick="signUp()">登&nbsp;&nbsp;录</span>
            </form>
        </div>
        <div class="switch-wrap switch-wrap-signin active">

        </div>


<!--        <input type="text" name="username" value="请输入你的用户名" onfocus="inputFocus(this)"-->
<!--               onchange="inputChange(this)" id="username" onblur="inputBlur(this)"-->
<!--               style="height: 50px;background-color:black;">-->
    </div>
</body>
</html>